/* YAHOO RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset, input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans; 
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Darkbox */
.darkbox {
	color: #eee;
	/* DO NOT MODIFY BELOW THIS LINE */
	/* ANY CHANGES TO WIDTH, PADDING, MARGINS, ETC, SHOULD BE DONE IN THE ID STYLE */
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 100;
}

#darkbox_overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #0c0c0c;
	z-index: 50;
}

.darkbox_invisible {
	visibility: hidden;
}

/* Admin Console */
#admin-console {
        background-color: #000;
        border-bottom: 1px solid #bbb;
        padding: 5px 10px;
}
#admin-console a, #admin-console a:hover {
	text-decoration: underline;
	color: #fff;
}
#admin-console .small { font-size: 11px; }

/* Web Gallery */
html, body {
	overflow: hidden;
	color: #fff;
}
body { background: #000; }
body#showalbums { background: #0f0f0f; }

div { font-size: 14px; }

a, a:hover, a:active {
	text-decoration: none;
	color: #fff;
}

.clickable { cursor: pointer; }
.notclickable { cursor: default; }

#header, #footer { z-index: 20; }

#header {
	background: #242424;
	height: 95px;
	min-width: 300px;
	border-bottom: 1px solid #2e2e2e;
}
#header #topbar {
	background: #1a1a1a;
	height: 60px;
	text-align: center;
	border-bottom: 1px solid #000;
}
#header #secondbar { border-top: 2px solid #1e1e1e; }
#header a.button {
	position: absolute;
	display: block;
	border: 1px solid #252525;
	background: #272727 url(images/button.gif) center center repeat-x;
	font-size: 12px;
	padding: 8px 10px;
	margin: 10px;
	z-index: 30;
}
#header #buttonleft { left: 10px; }
#header #buttonright { right: 10px; }
#header #title { position: relative; top: 15px; }
#header h1 { font-size: 150%; display: inline; padding-right: 3px; }
#header #albumnumber { color: #666; }

ul#tagbar { 
	list-style: none;
	text-align: center; 
	font-size: 11px; 
	margin: 3px auto 0;
}
#tagbar li {
	float: left;
	margin: 0 15px;
}
#tagbar li a {
	padding: 5px 15px;
	border: 1px solid #111410;
	background: #333 url(images/tag.gif) center center repeat-x;
	display: block;
	outline: 0;
	color: #aaa;
}
#tagbar li a.active { color: #fff; background: #58616e url(images/tag-active.gif); }

#container {
	clear: both;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
	padding: 0 7px;
}

.albumblock {
	width: 168px;
	height: 235px;
	float: left;
	margin: 10px 0;
}
.albumblock .primaryphoto {
	width: 159px;
	height: 159px;
	background-position: center center;
	border: 5px solid #000;
	margin: 20px auto 7px;
}
.albumdate { float: right; color: #333; font-size: 12px; }
.photonum { float: left; color: #adac33; font-size: 12px; }
.albumtitle { color: #ccc; }
.hover .photonum { color: #fbf938; }
.hover .albumtitle { color: #fff; }

.block {
	width: 250px;
	height: 280px;
	margin-top: 10px;
	background: #000;
	float: left;
	overflow: hidden;
}
.block .wrapper { position: relative; }
.block .wrapper div { margin: 0 auto; }
.block .title {
	position: relative; 
	top: 250px;
	margin: 0 auto -11px;
	font-size: 11px;
	color: #ccc;
	z-index: 10;
}
.block .desc { background: url(images/comment-bubble.gif) right center no-repeat; }
.hover .title { color: #fff; }

#mainphoto #centerpiece { margin: 0 auto; border: 20px solid #000; }
#mainphoto .title { font-size: 16px; }
#mainphoto .description {
	font-size: 12px;
	line-height: 18px;
	color: #aaa;
}
#mainphoto .size { font-size: 12px; color: #555; float: right; margin-top: 7px; }

#mainphoto #h-title, #mainphoto #h-description { margin: 0 auto; padding: 0 20px; }
#mainphoto #h-title { margin-bottom: 10px; }
#mainphoto #h-description { margin-top: 12px; }

#hud {
	height: 60px;
	width: 162px;
	margin: 30px auto 0;
	background: url(images/hud.gif) center center no-repeat;
}
#hud #hud-prev { background-image: url(images/hud-left-arrows.gif) }
#hud #hud-next { background-image: url(images/hud-right-arrows.gif) }
#hud a {
	height: 38px;
	width: 42px;
	display: block;
	float: left;
	margin: 10px 20px 0 19px;
	background-position: center center;
	outline: 0;
}
#hud a:hover { background-position: bottom center; }
#hud a.disabled { background-position: top center; }
#hud a.disabled:hover { cursor: default; }

#footer {
	background: #333;
	height: 40px;
	clear: both;
}
